import Slider from '@components/Slider'
import { isPc, modelS } from '@views/store'

import style from '.module.less'
import pcStyle from './pc.module.less'
type SliderProps = {
    storeKey: keyof typeof modelS
    title: string,
    min?: number,
    max?: number
}

export default ({ storeKey, title, min, max }: SliderProps) => <div class={(isPc.value ? pcStyle : style).root}>
    <div>{title}</div>
    <Slider class='right' v-model={modelS[storeKey] as any} min={min} max={max} />
</div>